<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>沈阳市税务稽查数据比</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/custom.form.css">
    <style>
        .table-wrapper {
            overflow-x: auto;
            width: 100%;
        }

        #resultTable {
            margin-top: 20px;
            border-collapse: collapse;
            min-width: 1000px; /* 或你自定义的宽度，用于触发滚动条 */
            text-align: center;
        }

        #resultTable th,
        #resultTable td {
            text-align: center;
            word-break: keep-all;
            border: 1px solid #ddd;
            padding: 8px;
        }

        #resultTable th {
            background-color: #f2f2f2;
        }

        .show_import_excel {
            text-align: center;
            font-size: 18px;
            margin-top: 20px;
            color: #333;
        }


    </style>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header"></div>
                <div class="layui-card-body">
                    <!-- Tab 容器 -->
<!--                    <button class="layui-btn layui-btn-normal" id="backToHome" style="margin: 10px">返回</button>-->
                    <div class="table-wrapper">
                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul id="tableUl" class="layui-tab-title"></ul>
                            <div id="tableDiv" class="layui-tab-content"></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<!-- 加载 Layui -->
<script src="/layui/layui.all.js" charset="utf-8"></script>
<script src="/js/core.util.js"></script>
<script>
    //获取token
    let token = CoreUtil.getData("access_token");
    //地址栏转义token中的#号
    let tokenQuery = token.replace("#", "%23");
    let table = layui.table;
    let layer = layui.layer;
    let $ = jQuery = layui.jquery;
    let laydate = layui.laydate;
    let tree = layui.tree;
    // 使用layui的document ready方法来确保DOM加载完成
    layui.config({
        base: '/'
    }).use(['table', 'laypage', 'layer'], function () {
        // 监听返回首页按钮的点击事件
        $('#backToHome').on('click', function () {
            // 跳转到首页
            window.location.href = '/index/main';  // 请将'首页的URL'替换为您实际首页的URL
        });
        //默认查询全部
        CoreUtil.sendPost("/attention/zdgz/queryAllJtjb", null, function (res) {
            if (res && res.data) {
                // 确保 res.data 是一个数组
                if (Array.isArray(res.data)) {
                    // 获取要插入的目标容器
                    let tableUl = $('#tableUl');
                    let tableDiv = $('#tableDiv');  // 假设你要插入的容器是 #tableContainer
                    // 遍历 res.data 数组，生成 <li> 标签
                    res.data.forEach(function (item, index) {
                        // 创建 <li> 标签，默认不加 class
                        let li = $('<li></li>').text(item.jbmc); // 假设 jbmc 是每个项的名称
                        // 如果是第一个元素，添加 class="layui-this"
                        if (index === 0) {
                            li.addClass('layui-this');
                        }
                        // 将 <li> 插入到 <ul id="tableUl"> 下
                        tableUl.append(li);
                        // 创建 <div class="layui-tab-item"> 标签
                        let tabItem = $('<div class="layui-tab-item"></div>');
                        // 将 item.context 作为 HTML 插入到 tabItem 中
                        tabItem.html(item.context);  // 直接将 HTML 内容插入
                        // 如果是第一个元素，添加 class="layui-show"
                        if (index === 0) {
                            tabItem.addClass('layui-show');
                        }
                        // 将 <div class="layui-tab-item"> 插入到 #tableContainer 下
                        tableDiv.append(tabItem);
                    });
                } else {
                    layer.msg('操作失败:返回数据不是数组类型', {icon: 2, time: 2000});  // 弹出错误提示框
                }
            } else {
                layer.msg('暂无数据', {icon: 2, time: 2000});  // 弹出错误提示框
            }
        }, function (err) {
            layer.msg('请求失败:' + err, {icon: 2, time: 2000});  // 弹出错误提示框

        });
    });
</script>

</body>
</html>
